
@import '../../css/theme.styl' 

.nav
    width: 100%;
    position relative
    .detail-menu
        position relative;
        .public-menu
            display: none;
            background: white !important;
            border : 1px solid $themecolor;
            .menu-item
                .item-title
                    color: #333 !important;
                .menu-right
                    top:-21px;
                    left 235px;
                    height 462px;



.detail-nav
    width: 100%;
    height 65px;
    box-sizing: border-box;
    border: 1px solid $themegray
    box-shadow: 0px 3px 5px rgba(0,0,0,.1);

.login-nav
    width: 100%;
    height 48px;
    line-height: 48px;
    background: #f7f7f7;
    overflow hidden
    font-size: 14px;
    position:relative;
    transition: height .2s;
    .login-notic
        color #333;
        text-align: center
        .login
            margin-left 20px;
            color $themecolor;
            cursor pointer
        .close 
            margin-left 10px;
            cursor pointer
            vertical-align: -2px;


.public-nav
    .public-nav-list
        .nav-item-all
            display: inline-block !important;
            .nav-item-all-content
                position: absolute;
            &:hover .nav-item-all-content
                display block;




.detail-tab-top
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:58px;
    line-height: 58px;
    font-size:18px;
    color $themegraytext
    cursor pointer
    span
        margin 0 20px;
    .tab-top-line
        width 1px;
        height 16px;
        background $themegraytext
    .tab-top-title
        &:hover
            color $themecolor;
.detail-tab-content
    display:none;
    overflow: hidden;
    .detail-banner-box
        width: 100%;
        height:1074px
        position relative
        overflow hidden
        img
            position: absolute;
            left:50%;
            height:100%;
            transform:translateX(-50%);
    .detail-video-box
        width 100%;
        height 1074px;
        position relative
        .video-cover
            width: 100%;
            height:100%;
            top: 0
            left 0
            position absolute
            z-index: 1
            overflow hidden
            img
                position: absolute;
                left:50%;
                height:100%;
                transform:translateX(-50%);
        .video-content
            position absolute
            top: 0
            left 0
            width: 100%;
            height:100%;
            background rgba(0,0,0,.5);
            z-index: 2
            .icon-play
                position absolute
                top 50%;
                left 50%;
                transform: translate3d(-50%,-50%,0);
                font-size:36px;
                color: #eee;
                cursor pointer
                
